<template>
  <div class="con">
    <el-container>
      <el-aside width="300px">
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>基本内容</span>
          </div>
          <el-form size="mini" ref="form" :model="form" label-width="80px">
            <el-form-item label="贫血类型">
              <el-select v-model="form.region">
                <el-option label="区域一" value="shanghai"></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="贫血原因">
              <el-select v-model="form.region" placeholder="请选择活动区域">
                <el-option label="区域一" value="shanghai"></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="失血量">
              <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="输血理由">
              <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="输血节点">
              <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="并发症">
              <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="病人血压">
              <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="病人呼吸">
              <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="病人心率">
              <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="病情概要">
              <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="form.name"></el-input>
            </el-form-item>
          </el-form>
        </el-card>
      </el-aside>
      <el-main>
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>评估条件</span>
          </div>
          <el-form size="mini" :inline="true" :model="formInline" class="demo-form-inline">
            <el-form-item label="紧急程度">
              <el-select v-model="formInline.region">
                <el-option label="区域一" value="shanghai"></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="手术标识">
              <el-select v-model="formInline.region">
                <el-option label="区域一" value="shanghai"></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="新生儿">
              <el-select v-model="formInline.region">
                <el-option label="区域一" value="shanghai"></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
          </el-form>
        </el-card>
        <el-card class="box-card" style="margin-top:10px">
          <div slot="header" class="clearfix">
            <span>临床输血指针掌握情况</span>
          </div>
          <el-form ref="form" :model="form" label-width="80px" class="textareaForm">
            <el-form-item label="合理理由">
              <el-input type="textarea"  v-model="form.desc"></el-input>
            </el-form-item>
          </el-form>
        </el-card>
        <el-card class="box-card" style="margin-top:10px">
          <div slot="header" class="clearfix">
            <span>输血科审核结果</span>
          </div>
          <el-form size="mini" :inline="true" label-width="80px" :model="formInline" class="demo-form-inline">
            <el-form-item label="审核状态">
              <el-select v-model="formInline.region">
                <el-option label="区域一" value="shanghai"></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="审核医师">
              <el-input  v-model="form.desc"></el-input>
            </el-form-item>
            <el-form-item label="审核时间">
              <el-input  v-model="form.desc"></el-input>
            </el-form-item>
          </el-form>
          <el-form size="mini" :inline="true" label-width="80px" :model="formInline" class="demo-form-inline">
            <el-form-item label="审核理由">
              <el-select v-model="formInline.region">
                <el-option label="区域一" value="shanghai"></el-option>
                <el-option label="区域二" value="beijing"></el-option>
              </el-select>
            </el-form-item>
          </el-form>
          <el-form ref="form" :model="form" label-width="80px" class="textareaForm">
            <el-form-item >
              <el-input type="textarea"  v-model="form.desc"></el-input>
            </el-form-item>
          </el-form>
        </el-card>
      </el-main>
    </el-container>
  </div>
</template>
<script>
export default {
  data() {
    return {
      form: {
        name: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: [],
        resource: "",
        desc: "",
      },
      formInline: {
        user: "",
        region: "",
      },
    };
  },
  methods:{
      getData(){
          return this.form
      }
  }
};
</script>
<style lang="less" scoped>
.con {
  height: 400px;
  overflow: auto;
  .el-select {
    width: 100%;
  }
  /deep/ .el-card__header {
    padding: 10px;
  }
  .demo-form-inline {
    height: 35px;
  }
  .textareaForm{
      .el-form-item{
          margin: 0;
          height: 70px;
      }
  }
  .el-textarea__inner{
      height: 65px;
  }
}
</style>